<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>admin</title>
    <style>
        body{
            margin: 0 auto;
        }
        .container{
            width: 80%;
            margin: 0 auto;
        }
        iframe{
            border: none;
        }
    </style>
</head>
<body>


<div class="container">
<!--模态框-->

<!--模态框-->

    <nav class="navbar navbar-light bg-light">
        <a class="navbar-brand" href="#">
            <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2550039893,2946925800&fm=11&gp=0.jpg" width="30" height="30" class="d-inline-block align-top" alt="">
            欢迎你 [[${user.name}]]
        </a>
        <a href="/admin/logout"><button type="button" class="btn btn-danger navbar-right">退出登陆</button></a>
    </nav>

    <nav class="nav nav-pills nav-fill" id="myNavBtn">
        <a class="nav-link active" href="/admin/file" target="contianer">文件列表</a>
        <a class="nav-link" href="#">下载记录</a>
        <a class="nav-link" href="/admin/systemInfo" target="contianer">系统信息</a>
        <a class="nav-link " href="/admin/systemConfig" target="contianer"  tabindex="-1" aria-disabled="true">系统操作</a>
    </nav>
    <div class="panel panel-default" style="margin-top: 30px">
        <!-- Table -->
        <iframe src="/admin/file" name="contianer" style="width:100%;height:60vh;">
        </iframe>
    </div>
</div>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css" rel="stylesheet">
<script>
    $('#myNavBtn a').on('click', function (event) {
        // event.preventDefault()
        $(this).tab('show')
    })

</script>
</body>
</html>